Typically, you click or drag an element in order to select it. In some cases, you may have to make an invisible element or a selection visible.
Use these techniques to select elements:
![]() |
To select an element in the Document window, drag across the area you want to select. Click an object such as an image or an applet to select it. |
![]() |
To select an invisible element, either click the element itself, or click the element marker in the code location. To make these markers visible, choose View > Invisible Elements. See About invisible elements.
![]() |
Some objects appear on the page in another place than where their code is inserted. For example, a layer can be anywhere on the page, but the code defining the layer is in a fixed location and is not visible in the Document window. Dreamweaver displays markers to show the location of the code for invisible elements. It may be unclear exactly what HTML code is selected because the Document window shows an HTML document as it looks in a browser. | |
![]() |
To see what you have selected, choose Window > HTML. |
![]() |
To select the exact HTML code to change without opening the HTML inspector, click a tag selector in the status bar at the bottom left of the Document window. The tag selector always shows the tags controlling the current selection or cursor location.
![]() |
For example, if you have defined a link for an image, the HTML code would look something like this: | |
<a href="http://www.macromedia.com"><img src="agraphic.gif" ></a> |
|
Clicking the image in the Document window selects only <img src="agraphic.gif"> . |
|
To select only the link, select the image in the Document window and then click the <a > that appears in the tag selector. |